<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ERP后台管理系统</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet"
    href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- IonIcons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">

  <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
  <link type="text/css" rel="stylesheet" charset="UTF-8"
    href="https://translate.googleapis.com/translate_static/css/translateelement.css">
  <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
  <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
  <script src="plugins/jquery/jquery.js"></script>
  <style>
    iframe {
      display: block;
      border: none;
      height: 100vh;
      /*设置高度百分比,一直调到只有一个滚动调为止*/
      width: 100%;
    }
  </style>
</head>

<body class="hold-transition sidebar-mini">
  <div class="wrapper" id="erp">
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
      <ul class="navbar-nav">
        <li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
              class="fas fa-bars"></i></a></li>
        <li class="nav-item d-none d-sm-inline-block"><a href="index.html" class="nav-link">ERP后台管理系统</a></li>
      </ul>
    </nav>

    <aside class="main-sidebar sidebar-dark-primary elevation-4">
      <a href="index.html" class="brand-link"> <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo"
          class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">管理控制台</span>
      </a>
      <div class="sidebar">
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
          <div class="image">
            <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
          </div>
          <div class="info">
            <a href="#" class="d-block" onclick="permission()">zhangsan</a>
          </div>
        </div>
        <nav class="mt-2">
          <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
            <li class="nav-item">
              <a href="#" class="nav-link active" onclick="zhuye()">
                <i class="nav-icon fas fa-home"></i>
                <p>
                  首页
                </p>
              </a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-cubes"></i>
                <p>
                  仓库管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rukugl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>入库管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="chukugl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>出库管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="kucungl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>库存管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="diaobogl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>调拨管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="huopinzh()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>货品转换</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-copy"></i>
                <p>
                  采购管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item"><a href="#" class="nav-link" onclick="procurement1()"> <i
                      class="far fa-circle nav-icon"></i>
                    <p>需求单</p>
                  </a></li>
                <li class="nav-item"><a href="#" class="nav-link" onclick="procurement2()"> <i
                      class="far fa-circle nav-icon"></i>
                    <p>分配需求单</p>
                  </a></li>
                <li class="nav-item"><a href="#" class="nav-link" onclick="procurement3()"> <i
                      class="far fa-circle nav-icon"></i>
                    <p>采购单</p>
                  </a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-industry"></i>
                <p>
                  销售管理
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sell()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>选货单管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="pachaging_list()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>打包单管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="settle_account()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>结算单管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="registry()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>权限管理</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-tree"></i>
                <p>
                  财务管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="customer_recharge()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>客户充值管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="customer_account()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>客户账户管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="customer_bill()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>客户账单管理</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-sitemap"></i>
                <p>
                  商品管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="product_management()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>产品管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="product_concern()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>产品关注</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-users"></i>
                <p>
                  合作管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="customer_management()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>客户管理</p>
                    </p>
                  </a>
                </li>
                <li class="nav-item" onclick="supplier_management()">
                  <a href="#" class="nav-link">
                    <i class="far fa-circle nav-icon"></i>
                    <p>供应商管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="salesman_management()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>业务员管理</p>
                  </a>
                </li>
              </ul>
            </li>

            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-database"></i>
                <p>
                  基础数据
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a class="nav-link" onclick="changeAreaManagement()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>区域管理</p>
                    </p>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" onclick="changeItemClass()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>物料分类</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" onclick="changeCategoryMgt()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>品类管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" onclick="changeProductMgt()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>产品线管理</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon far fa-list-alt"></i>
                <p>
                  表单管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a class="nav-link" onclick="changeFormDesign()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>表单设计</p>
                    </p>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" onclick="changeFormConfig()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>表单配置</p>
                    </p>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" onclick="changePropertyMgt()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>属性管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" onclick="changeMenuMgt()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>菜单管理</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas fa-cogs"></i>
                <p>
                  系统管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="yhgl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>用户管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="jsgl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>角色管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="ckgl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>仓库管理</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="dcrw()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>导出任务</p>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">
                <i class="nav-icon fas  fa-user"></i>
                <p>
                  会员管理
                  <i class="fas fa-angle-left right"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="zhgl()">
                    <i class="far fa-circle nav-icon"></i>
                    <p>租户管理</p>
                  </a>
                </li>
              </ul>
            </li>
      </div>
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div id="all" class="content-wrapper">
      <iframe id="qwe" src="/zhuye.html" align="right" frameborder="0"></iframe>
    </div>
    <!-- /.content-wrapper -->

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
      <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->

    <!-- Main Footer -->
    <footer class="main-footer">
      <strong>Copyright &copy; 2014-2020 <a href="#">AdminLTE.io</a>.
      </strong> All rights reserved.
      <div class="float-right d-none d-sm-inline-block">
        <b>Version</b> 3.1.0-pre
      </div>
    </footer>
  </div>
  <!-- ./wrapper -->

  <!-- REQUIRED SCRIPTS -->
  <!-- jQuery -->
  <script src="plugins/jquery/jquery.min.js"></script>

  <!-- Bootstrap -->
  <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  <!-- AdminLTE -->
  <script src="dist/js/adminlte.js"></script>

  <!-- OPTIONAL SCRIPTS -->
  <script src="plugins/chart.js/Chart.min.js"></script>
  <!-- AdminLTE for demo purposes -->
  <script src="dist/js/demo.js"></script>
  <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
  <script src="dist/js/pages/dashboard3.js"></script>

  <script src="plugins/datatables/jquery.dataTables.min.js"></script>
  <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
  <script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
  <script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
  <script src="dist/js/adminlte.min.js"></script>
  <script src="build/js/Blob.js"></script>
  <script src="build/js/FileSaver.js"></script>
  <script src="build/js/tableExport.js"></script>
  <script src="plugins/vue-2.6.10/vue-2.6.10/vue-resource.min.js"></script>
  <script src="plugins/vue-2.6.10/vue-2.6.10/vue.js"></script>
  <script src="plugins/vue-2.6.10/vue-2.6.10/axios.min.js"></script>
  <!--引入ElementUi-->
  <script src="plugins/elementUI/index.js"></script>
  <script type="text/javascript">
    function procurement1() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/demand.html';
    }
    function procurement2() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/disdemand.html';
    }
    function procurement3() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/procurement.html';
    }
    function rukugl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/rukugl.html';
    }
    function chukugl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/chukugl.html';
    }
    function diaobogl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/diaobogl.html';
    }
    function kucungl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/kucungl.html';
    }
    function huopinzh() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/huopinzh.html';
    }
    function customer_management() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/pages/tables/customer_management.html';
    }
    function product_management() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/pages/forms/product_management.html';
    }
    function product_concern() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/pages/forms/product_concern.html';
    }
    function supplier_management() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/pages/tables/supplier_management.html';
    }
    function salesman_management() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/pages/tables/salesman_management.html';
    }
    function zhuye() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/zhuye.html';
    }
    function sell() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/sell.html';
    }
    function pachaging_list() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/packaging_list.html';
    }
    function settle_account() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/settle_account.html';
    }
    function customer_recharge() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/customer_recharge.html';
    }
    function customer_account() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/customer_account.html';
    }
    function customer_bill() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/customer_bill.html';
    }
    function permission() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/修改密码.html';
    }
    function ckgl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/仓库管理.html';
    }
    function yhgl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/用户管理.html';
    }
    function dcrw() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/导出任务.html';
    }
    function zhgl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/租户管理.html';
    }
    function jsgl() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/角色管理.html';
    }
    function registry() {
      document.getElementById("qwe").src = 'http://192.168.75.129:8080/register1.html';
    }
  </script>
  <script>
    $(function () {
      var wer = new Vue({
        el: "#erp",
        data() {
          return {
            //switch开关
            value: true,
            //分页
            currentPage1: 5,
            currentPage2: 5,
            currentPage3: 5,
            currentPage4: 4

          }
        },
        methods: {
          handleSizeChange(val) {
            console.log('每页 ${val} 条');
          },
          handleCurrentChange(val) {
            console.log('当前页: ${val}');
          }
        }
      });
    })


    /*子页面嵌套——区域管理*/
    function changeAreaManagement() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "area.html");
    }
    /*子页面嵌套——物料分类*/
    function changeItemClass() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "itemclass.html");
    }
    /*子页面嵌套——品类管理*/
    function changeCategoryMgt() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "categoryMgt.html");
    }
    /*子页面嵌套——产品线管理*/
    function changeProductMgt() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "productMgt.html");
    }

    /*子页面嵌套——表单设计*/
    function changeFormDesign() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "formdesign.html");
    }
    /*子页面嵌套——表单配置*/
    function changeFormConfig() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "formconfiguration.html");
    }
    /*子页面嵌套——属性管理*/
    function changePropertyMgt() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "propertyMgt.html");
    }
    /*子页面嵌套——菜单管理*/
    function changeMenuMgt() {
      var ifram = document.getElementById("qwe");
      ifram.setAttribute("src", "menuMgt.html");
    }
  </script>

</body>

</html>